@charset "utf-8";
/* CSS Document */
@media all and (max-width:1700px){/*1680 * 1050*/
    
}

@media all and (max-width:1460px){/*1440 * 900*/
	.Hn2nd-box.Hn2nd-commSrv {
		margin: 0px;
	}

}

@media all and (max-width:1381px){/*1366 * 768*/
	.contain{width:1200px;margin:0 auto;}
	.ind-part .swiper-button-prev{left:0px;}
	.ind-part .swiper-button-next{right:0px;}
    .pub_bann .pub_subnav,.pub_pronav{width:100%;left:0px;margin-left:0px;}
    .pub_pronav ul{overflow-x: auto;white-space: nowrap;display: flex;justify-content: left;}
    .pub_pronav ul::-webkit-scrollbar {display:none}
    .pub_subnav li a{padding:0px 30px;}
    
}

@media all and (max-width:1300px){/*1280 * 800*/

}

@media all and (max-width:1280px){
	.contain{width:100%;padding:0 2%;}
	.H-nav>li{padding:0 .4rem;}
	.Hnav > li {
		margin: 0 0 0 0.15rem;
	}
	.Hnav .Hname {
		padding: 0 0.15rem;
	}
}

@media all and (max-width:1201px){ /*1200*/
	.ct_cmp{padding:60px 0;}
}

@media all and (max-width:1100px){/*1024 * 768 */
	.F-split{display:none;}
	.H-nav>li{padding:0 .3rem;}
	.Hnav > li {
		margin: 0 0 0 0.1rem;
	}

	.Hnav .Hname {
		padding: 0 0.1rem;
	}
	.Hlogo img {
		max-height: 30px;
	}
}

@media all and (max-width:1000px){
	.H-nav{margin:0 0 0 2%;}
}

@media all and (max-width:981px){/*web*/
	.H-action .split {
		display: none;
	}
	.Header-login {
		height: 50px;
	}
	.H-logo, .H-lang, .H-user, .H-srch, .Hsrch-box {
		height: 50px;
	}
		.H-lang .Hlang-menu {
			height: 50px;
			line-height: 50px;
			margin-right: 20px;
			margin-left: 0px;
		}
	.Hlang-box {
		padding: 10px 0;
		width: 100%;
		top: 50px;
		left: 0px;
		box-shadow: 0 0 0 0;
		position: fixed;
	}
	 .Ipro-nav .contain {
		padding: 0px;
	}

	.pub_bann img{height:200px;object-fit:cover;}
	.pdtb70{padding:40px 0;}
	html{font-size:50.1563px;}
	img{max-width:100%;}
	/*-- Header --*/
	.header-container {
		padding: 0 4%;
	}

	.Header-wrapper .Header-cl,
	.header-container,
	.Hlogo,
	.Hlang,
	.Hsrch-menu {
		height: 50px;
	}

	.Hlogo,
	.Hlang {
		line-height: 50px;
	}

.Hlogo img {
	height: 22px;
	}

	.Hsrch {
		position: static;
	}

	.Hsrch-box {
		width: 100%;
		top: 50px;
		border-top: 1px solid #ccc;
	}


	.Hmenu-btn-hr.Hmenu-btn,
	.Header-right {
		display: none !important;
	}

	.Hmenu-btn-web.Hmenu-btn {
		display: block;
	}

	.Hnav {
		width: 100%;
		background: #fff;
		position: absolute;
		top: 50px;
		left: 0px;
		margin: 0px;
		float: none;
		overflow-y: auto;
		display: none;
	}

		.Hnav > li {
			width: 100%;
			border-top: 1px solid #ccc;
			margin: 0px;
			position:relative;
		}

		.Hnav .Hname {
			padding: 0 4%;
			line-height: 45px;
			text-align: left;
		}
		.Hnav .Header-arr {
			display: block;
			width: 44px;
			height: 44px;
			position: absolute;
			z-index: 9;
			right: 0;
			top: 0;
			background: url(../images/icon/iconArrH.png) no-repeat center center /14px auto;
		}

	.Hn2nd-wrap {
		padding: 0px;
		border: 0px;
		position: relative;
		top: 0px;
		display: none;
		animation: none !important;
		-webkit-animation: none !important;
	}

	.Hn2nd-img,
	.Hn2nd-box .Hsplit {
		display: none;
	}

	.Hn2nd-box {
		display: block;
		float: none !important;
		left: 0px !important;
		right: 0px !important;
	}
	.Hn2ndnavsize{height:auto;}
	.Hn2nd-vtnavbar li {
		width: 33% !important;
		float: left;
		margin: 10px 0;
	}
	.Hn2nd-vtnavbar li a b{width:0;}
	.Hn2nd-list {
		width: 100%;
		margin: 0px;
	}
.Hn2nd-list a,
.Hn2nd-nav .type,
.Hn2nd-nav dl dt,
.Hn2nd-nav dl dd a {
	width: 100%;
	padding: 0 6%;
	line-height: 45px;
	border-bottom: 0px;
	border-top: 1px solid #ccc;
	margin: 0px;
}

.Hn2nd-list a:after,
.Hn2nd-nav .type:after {
	display: none;
}

	.Hn2nd-box.Hn2nd-cWeb,
	.Hn2nd-commSrv .Hn2nd-nav {
		margin: 0px;
	}

	.Hn2nd-nav,
	.Hn2nd-nav2 ul li {
		width: 100% !important;
		float: none;
		margin: 0px;
	}

		.Hn2nd-nav dl dt {
			padding: 0 10%;
			background-position: 8% center;
		}

		.Hn2nd-nav dl dd a {
			padding: 0 12%;
			background-position: 10% center;
		}

	.Ipro-nav a {
		padding: .3rem 0;
	}

		.Ipro-nav a span {
			font-size: 12px;
		}

		.Ipro-nav a .icon {
			width: 38px;
			height: 38px;
		}
	.Ipro-wrap {
		padding: 1rem 0;
	}

	.Ipro-box .Ipro-block {
		width: 100%;
		padding: 0px;
	}

	.Ipro-block .split {
		margin: .4rem 0;
	}

	.Ipro-block .btn {
		margin: .4rem 0 0;
	}

	.Ipro-box .Ipro-img {
		width: 100%;
		padding: 0px;
		text-align: center;
		margin: .8rem 0 0;
	}

	.Ipro-img img {
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		position: relative !important;
		top: 0px !important;
		left: 0px !important;
		vertical-align: middle;
	}

	.Ipro-img .IpImg-1 {
		display: none !important;
	}

	.Ipro-block .btn {
		width: 160px;
		height: 48px;
		line-height: 46px;
	}

	/*产品筛选*/
	.cate-filter-box {
		padding: 0.4rem 0;
	}

	.cate-filter {
		margin-bottom: 0.15rem;
	}

	.cate-filter-head {
		display: block;
		width: 100%;
		font-size: 14px;
		line-height: 35px;
		color: #e50012

	}

	.cate-filter-body {
		display: block;
		width: 100%;
	}

		.cate-filter-body ul li {
			display: inline-block;
		}

			.cate-filter-body ul li a {
				position: relative;
				padding: 0 10px;
				margin: 0 5px 10px 0;
				border: solid 1px #ddd;
				border-radius: 16px;
				line-height: 25px;
				display: inline-block;
				font-size:12px;
			}

				.cate-filter-body ul li a.back {
					background-color: #f3f3f3;
				}

				.cate-filter-body ul li a.filter {
					background-color: #f3f3f3;
					padding: 0 35px 0 16px;
				}

				.cate-filter-body ul li a i {
					display: block;
					position: absolute;
					width: 25px;
					height: 22px;
					right: 0;
					top: 9px;
					background: url(../images/icon/icon-close1.png) no-repeat;
				}


				.cate-filter-body ul li a:hover {
					background: #e50012;
					border-color: #e50012;
					color: #fff;
				}


	/*-- Footer --*/
	.F-nav,
	.F-nav.F-nav2{width:20%;}
	.F-ct{width:100%;margin:20px 0 0;}
	.F-cr{padding:8px 4%;font-size:12px;line-height:18px;}
	/*-- Footer --*/
	.footer-container{padding:10px 0;}
	.F-nav{width:100% !important;border-bottom:1px solid rgba(255,255,255,.1);margin:0px;}
	.F-nav dt{padding:0 2%;height:50px;line-height:50px;}
	.F-nav dt i{display:block;}
	.F-nav dd{padding:0 0 10px;margin:0px;display:none;}
	.F-nav dd a{padding:0 6%;height:40px;line-height:40px;}

	.iBnr1-box{width:100%;text-align:center;left:0px;margin-left:0px;}
	.iBnr1-box .t1,.iBnr1-box .t2{text-align:center;}
	.ind_ab_fl,.ind_ab_fr{width:100%;}
	.ind_ab_fr{display:none;}
	.ind_about .ind_ab_note{width:100%;}
	.ind_cnews{padding:40px 0;}
}


@media all and (max-width:769px){
	.his_click,.his_mline,.his_icon{display: none;}
	.his_mlist{padding: 0}
	.his_mlist li{width: 16.6666666%;}
	.ab_hisintro{min-height: 100px;}
}

@media all and (max-width:641px){
	.pdtb80{padding:20px 0px;}
	.job{padding:20px 0;}
	.job h2{margin-top:30px;}
	#index-bnr,.F-ct .top,.F-code{display:none;}
	#web-bnr{display:block;}
	.F-cr .contain{padding:15px 0px;}
	.F-cr_fl,.F-cr_fr{width:100%;}
	.ft_share{text-align:center;margin:10px auto;}
	.F-ct{margin:0px auto;}
	.F-cr .contain{border-top:0px;padding-top:0px;}
	.F-ct ul{margin-bottom:0px;}
	.pdtb70{padding:20px 0;}
	.ind_tit{font-size:24px;margin-bottom:20px;}
	.ind_news li{width:100%;margin-bottom:15px;margin-left:0px;}
	.ind_ab_fr{display:block;}
	.ind_about .ind_ab_note h2{font-size:24px;margin-bottom:20px;}
	.ind_about .ind_ab_note p{margin-bottom:20px;}
	.ind_cnews{padding:20px 0;}
	.ind_cpn,.ind_ids{width:100%;}
	.ind_cnews h2{font-size:24px;}
	
.Isrv-list li {    width: 50%;}

	.pub_bann .pub_subnav ul{overflow-x:auto;white-space: nowrap;display: flex;justify-content: left;}
	.pub_subnav ul::-webkit-scrollbar {display:none}
	.pub_subnav li a{padding:0 20px;height:55px;line-height:55px;}
	
	.pub_pronav{position:absolute;max-width:1380px;left:50%;margin-left:-690px;bottom:0px;background:rgba(0,0,0,0.52);text-align:center;width:100%;padding:14px;}
.pub_pronav ul{display:flex;justify-content: center;}
.pub_pronav li{display:inline-block;position: relative;}
.pub_pronav li a{display:block;height:36px;line-height:36px;color:#fff;font-size:16px;float:left;padding:0 25px;}
.pub_pronav li a:hover,.pub_pronav li.cur a{background:#c00e1c;transition: all 0.5s ease;color:#fff;border-radius:25px;}
.pub_pronav li .er{display:none;}
.pub_pronav li:hover .er{display:block;background-color: #c00e1c;width: 267px;padding:20px 0px;position: absolute;left: 0px;top: 35px;padding-right: 20px;padding-left: 20px;z-index: 999;}
.pub_pronav li .er a:hover{text-decoration:underline;}
	
	/*内页banner导航*/
	.pub_pronav {
		max-width: 100%;
		left: 0;
		margin-left: 0;
     	width: 100%;
		padding: 10px;
	}

		.pub_pronav ul {
			display: flex;
			justify-content: center;
		}

		.pub_pronav li {
			display: inline-block;
			position: relative;
		}
	.nav-crumbs li::before {
		top: 0.25rem;
	}
			.pub_pronav li a {
				display: block;
				height: 30px;
				line-height: 30px;
				color: #fff;
				font-size: 12px;
				float: left;
				padding: 0 20px;
			}
			.pub_pronav li:first-child a{padding:0 20px 0 0;}
				.pub_pronav li a:hover, .pub_pronav li.cur a {
					background: #c00e1c;
					transition: all 0.5s ease;
					color: #fff;
					border-radius: 25px;
				}
	.nav-crumbs li img {
		width: 16px;
		height: 16px;
		margin-right: 0.10rem;
	}
			.pub_pronav li .er {
				display: none;
			}

			.pub_pronav li:hover .er {
				display: block;
				background-color: #c00e1c;
				width: 267px;
				padding: 20px 0px;
				position: absolute;
				left: 0px;
				top: 35px;
				padding-right: 20px;
				padding-left: 20px;
				z-index: 999;
			}

			.pub_pronav li .er a:hover {
				text-decoration: underline;
			}
	
	.pub_bann .pub_subnav{width:100%;margin-left:0px;left:0px;}
	.job h2,.job dl dt{height:60px;line-height:60px;}
	.job dl dt{background:#fff url("../images/icon/job_r.png") no-repeat 94% center;}
	.job dl dt.cur{background:#fff url("../images/icon/job_b.png") no-repeat 94% center;}
	.job dl a{position:static;display:block;width:100%;margin-top:1rem;padding:15px 0;}

	.download{padding:20px 0;}
	.download ul{margin-bottom:20px;}
	.download ul li span.d_name{padding:0 5px;}
	.download ul li span{padding:0px 5px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
	.pagination a{margin-bottom:10px;}

	/* 新闻列表 */
	.news ul li{margin-bottom:1.5rem;padding-bottom:1rem;}
	.news ul li .com-img{width:100%;margin-bottom:1rem;}
	.news ul li .note{width:100%;height:auto;}
	.news ul li .note a.more{position:static;margin-left:120px;}
	.news ul li .note p{margin:1rem auto;}
	.newsc_fl,.newsc_fr,.info-fl,.info-fr{width:100%;}
	.newsc_fr,.info-fr{margin-top:1rem;}
	.newsc_fl h1{font-size:1.2rem;}

	.ct_cmp{padding:20px 0;}
	.ct_cmp_fl,.ct_cmp_fr{width:100%;}
	.ct_cmp_fr{margin-top:1rem;}
	.map{margin-bottom:1rem;}
	.ct_form h2{margin-bottom:1rem;font-size:24px;}
	.ct_form ul li{width:100%;margin-right:0px;}
	.ct_form p{margin-top:1rem;}
	.nav_line{display:none!important;}
	.server-idea ul li{width:100%;margin-bottom:20px;}
	.server-idea ul li:last-child{margin-bottom:0px;}

	.sample ul li{width:100%;}
	.sample ul li:nth-child(3){display:none;}
	.sample .info{margin-bottom:20px;}

	.prolist .prol-pic,.prolist .prol-note{width:100%;}
	.prolist .prol-note{padding:15px;}
	.prolist .prol-note p{margin-bottom:10px;}

	.server-sup ul li{width:49%;margin-right:0;margin-bottom:5px;}
	.server-sup ul li:nth-child(2n){float:right;}
	.server-down ul li{width:100%;}

	.proc-pic{width:100%;margin-bottom:20px;}
	.proc-note,.pro-des-fl,.pro-des-fr{width:100%;}
	.pro-tit{font-size:28px;}
	.pro-apply table td,.pro-apply table th{min-width:200px;}
	.product .prd_table tr td{min-width:120px;}
	.product{padding:10px 0;margin:15px auto;}

	.about-modul ul li{width:100%;}
	.develop_hist .ab_intName{margin-bottom:20px;}
	.ab_histNum span{width:54px;height:54px;font-size:36px;line-height:54px;margin: 0;}
	.ab_hisintro{margin:20px auto;}
	.abt-honor ul li{width:100%;margin-bottom:15px;}
	.abt-honor h2{text-align:center;margin-bottom:15px;}
	.Hsrch-box{width:100%;position:fixed;}
	.Hsrch-block{margin-top:0px;}
	#web-bnr .swiper-pagination-bullet-active{background:#e60012;}

    .job dl dd{padding:15px;}
    .server-sup h2,.server-down h2{font-size:24px;}
    .server-sup ul{margin-top:20px;}
    .ab_introbox3{padding:20px 0 50px;}
    .ind-part h2, .abt-honor h2, .abt-history h2,.develop_hist .ab_intName{font-size:24px;margin-bottom:20px;}
    .about_txt h2{font-size:28px;margin-bottom:15px;}

    .pub_pronav li .er{display:none!important;}

    .search-list{padding:20px 0;}
	.search-list ul{margin-bottom:20px;}
	.search-list ul li span.d_name{padding:0 5px;}
	.search-list ul li span{padding:0px 5px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}

     /*模块列表*/
	 .page-pro-left{margin: 10px 0 0 0;width: 100%; display:none;}
	 .page-pro-right{margin: 10px auto 0;width: 100%;}
	 .view-list .item {
	     padding: 10px 0;
	     border-bottom: 1px solid #eeeff0;
	     position: relative;
	 	 overflow: hidden;
	 }	
	 .view-list  .item .image {
	     width: 100%;
	     text-align: center;
	     margin: 0;
	 	float: left;
	 	padding: 0.5rem;
	 }
	 .view-list .item img {
	     display: inline-block;
	     width: auto;
	     max-width: 100%;
	 }
	 .view-list .item .content {
	     margin-bottom: 16px;
		 width: 100%;
	     overflow: hidden;
	 }
	 .view-list .view_list .image+.content {
	     margin-left: 0px;
		 
	 }
	 .view-list .item .product_attributes {
	     font-size: 14px;
	     line-height: 1.4;
	     overflow: hidden;
	     color: #50585c;
	 }
	.classifications div.item-one {
		padding-left: 0.6rem;
		font-size:12px;
	}
		.classifications div.item-one::before {
			top: 0.4rem;
		}
	 .view-list .item .product_attribute:not(:first-child)::before {
	     padding-left: 8px;
	     border-left: 1px solid #8e989d;
	     content: "";
	 }
	 	.view-list .item .product_attribute {
	 	    display: inline;
	 	    padding-right: 5px;
	 	    font-weight: 600;
	 	}
	 	.view-list .item .product_attribute label {
	 	    font-weight: normal;
	 	    margin-right: 5px;
	 	}
	 .view-list .item .content .classifications {
	     line-height: 1.4;
	     font-weight: 400;
	     color: #2c3133;
	     margin-top: 16px;
	 }	
	 .view-list .item .content .classifications p{margin-bottom: 8px;}	
	 
	 
}

@media all and (max-width:580px){

}

@media all and (max-width:414px){
	html{font-size:21.5625px;}
}

@media all and (max-width:375px){
    
}